<template>
	<view class="page-box">
		<view class="apply-box" v-if="pageType == 1">
			<view class="img-box">
				<image src="../../static/icon_wait.svg" mode="widthFix"></image>
				<image src="../../static/u1719.png" class="icon-wait"></image>
			</view>			
			<view>签约申请已提交</view>
			<text>请耐心等待签约经纪人审核</text>
		</view>
		<view class="apply-box" v-else-if="pageType == 2">
			<image src="../../static/icon_success.png" mode="widthFix"></image>
			<view>认证成功</view>
			<text>恭喜成为平台签约持证经纪人</text>
		</view>
		<view class="apply-box" v-else>
			<image src="../../static/icon_fail.png" mode="widthFix"></image>
			<view>认证失败</view>
			<text class="fail-box">
				可能的失败原因:
				你的个人信与该公司不匹配
				你的公司未开通联卖平台权限，请联系相关负责人
			</text>
		</view>
		<view class="big-btn" @click="switchTabPage('mine')">返回</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageType: 0
			}
		},
		onLoad(option) {
			this.pageType = JSON.parse(decodeURIComponent(option.param))
			uni.setNavigationBarTitle({
				title: this.pageType == 1 ? '签约申请' : this.pageType == 2 ? '认证成功' : '认证失败'
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.apply-box {
		padding: 80rpx 0 60rpx;
		box-sizing: border-box;
		text-align: center;
		background: #FFF;
		
		image {
			display: block;
			margin: auto;
			width: 200rpx;
		}
		
		.img-box{
			position: relative;
		}	
		
		image.icon-wait{
			border-width: 0px;
			position: absolute;
			left: 50%;
			top: 100rpx;
			width: 15px;
			height: 34px;
		}
		
		view {
			padding-top: 40rpx;
			font-weight: bold;
			font-size: 36rpx;
		}
		
		text {
			color: #676565;
		}
		
		.fail-box {
			display: inline-block;
			margin: auto;
			text-align: left;
			font-size: 24rpx;
		}
	}
	
	.big-btn {
		margin: 40rpx auto;
		width: 90vw;
		border-radius: 60rpx;
		line-height: 88rpx;
		text-align: center;
		color: #FFF;
		background: #f13b32;
	}
</style>
